<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="A Snapchat clone demo built with React, Redux and TypeScript" />
  <meta name="apple-mobile-web-app-title" content="Snapchat Clone" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="#000000" />
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo@192x192.png" />
  <link rel="apple-touch-startup-image" href="%PUBLIC_URL%/logo@512x512.png" />
  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
  <title>Snapchat Clone</title>
  <link rel="stylesheet" href="%PUBLIC_URL%/index.css" />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,900&display=swap" />
  <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css" />
</head>
<body>
  <a href="https://github.com/TowhidKashem/snapchat-clone" target="_blank" rel="noopener noreferrer" class="fork-github">
    <img src="%PUBLIC_URL%/readme/github-banner.svg" alt="" />
  </a>
  <div id="wrapper" class="wrapper">
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <canvas id="filter-canvas" class="filter-canvas" data-test="filter-canvas"></canvas>
    <div id="root"></div>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r97/three.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tween.js/16.3.5/Tween.min.js"></script>
  <script src="%PUBLIC_URL%/filters/build/filters.min.js"></script>
</body>
</html>
